/* -----------------------------------component base style---------------------------------------- */
// font family
$font-family: 'pingfang-zh', 'Hiragino Sans GB-zh', 'yahei-zh', 'jhenghei-zh', 'Arial', 'sans-serif';

// font weight
$font-weight-regular: 400;
$font-weight-bold: 700;

// font size
$font-size-base: 0.14rem;
$font-size-xl: $font-size-base + 0.04rem; // font size: 18
$font-size-lg: $font-size-base + 0.02rem; // font size: 16
$font-size-sm: $font-size-base - 0.02rem; // font size: 12

// line-height
$line-height-coeff: 1.5714285714285714;
$line-height-coeff-minor: 1.5;

$line-height-base: $font-size-base * $line-height-coeff; // line height 22
$line-height-xl: 0.28rem; // line height 28
$line-height-lg: $font-size-lg * $line-height-coeff-minor; // line height 24
$line-height-sm: $font-size-sm * $line-height-coeff-minor; // line height 18

// height rules
$height-sm: 0.24rem;
$height-base: 0.32rem;
$height-lg: 0.4rem;
$height-xl: 0.56rem;

// radius
$border-radius-none: 0;
$border-radius-base: 0.02rem;
$border-radius-xs: 0.01rem;
$border-radius-sm: $border-radius-base; // 2px
$border-radius-md: $border-radius-base * 2; // 4px
$border-radius-lg: $border-radius-base * 4; // 8px
$border-radius-circle: 50%;

// -------- common space -----------
$space-base: 0.04rem; // base space

// paddings
$padding-xl: $space-base * 8; // containers:32
$padding-lg: $space-base * 6; // containers:24
$padding-md: $space-base * 4; // small containers and buttons:16
$padding-sm: $space-base * 2; // form controls and items:8
$padding-xs: $space-base; // more small items

// horizontal padding for all input class controls
$control-padding-horizontal: $padding-sm;

// margins
$margin-xl: $space-base * 8; // containers:32
$margin-lg: $space-base * 6; // containers:24
$margin-md: $space-base * 4; // small containers and buttons:16
$margin-sm: $space-base * 2; // form controls and items:8
$margin-xs: $space-base; // more small items

// border rules
$border-none: none;
$border-width-base: 0.01rem; // width of the border for a component
$border-style-base: solid; // style of a components border
$border-width-focus: 0.03rem;

// icon size
$icon-size-base: 0.16rem; // used for display and operation icons
$icon-size-md: 0.24rem; // used for operation forms
$icon-size-lg: 0.32rem; // used for entry icons and other positions
$icon-size-xl: 0.48rem;

// z-index
$zindex-loading: 999;
$zindex-loading-global: 10010;
$zindex-badge-default: 0;
$zindex-badge: 10;
$zindex-overlay: 9999;

// 以下的层级相对于 $zindex-overlay
$zindex-modal: 1000;
$zindex-modal-mask: 1000;
$zindex-message: 1010;
$zindex-notification: 1020;
$zindex-popover: 1030;
$zindex-menu: 1050;
$zindex-dropdown: 1050;
$zindex-autocomplete: 1050;
$zindex-date: 1050;
$zindex-select: 1050;
$zindex-tree-select: 1050;
$zindex-cascader: 1050;
$zindex-tooltip: 1080;

$pane-item-count: 9;
$panel-height-base: $height-base * $pane-item-count;
$panel-height-lg: $height-lg * $pane-item-count;
$panel-empty-height: 1.02rem;
